<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<link href="/itfinger/CSS/20130108_hyun.css" rel="stylesheet"  type="text/css" />
<link href="/itfinger/CSS/selectbox.css" rel="stylesheet"  type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" jQuery19007382069064689989="92"></script>

<script type=text/javascript jQuery19007382069064689989="93">
jQuery(function($){
	
	// Common
	var select_root = $('div.select_01');
	var select_value = $('.my_value');
	var select_a = $('div.select_01>ul>li>a');
	var select_input = $('div.select_01>ul>li>input[type=radio]');
	var select_label = $('div.select_01>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_01').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_01').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_01:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_01:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_01 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});
</script>
</head>
<body marginheight="0" marginwidth="0" bgcolor="#fafafa">
	<div style="background-image:url(/itfinger/IMAGE/App/main_menu/table_bg.png); background-repeat:no-repeat; width:518px; height:25px;">
    	<table width="100%" height="25" border="0" cellspacing="0" cellpadding="0" style="text-align:center; color:#767676; font-family:돋움;">
          <tr>
          	<td width="32"></td>
            <td width="50">1st</td>
            <td width="76">병원소개</td>
            <td width="104">
            	이미지<input type="image" src="/itfinger/BTN/ok.jpg" />
            </td>
            <td width="89">
            	<div class="select_01">
                    <span class="ctrl"><span class="arrow"></span></span>
                    <button type="button" class="my_value" style="width:80px;"></button>
                    <ul class="a_list">
                    <li><a href="#1">Link_1</a></li>
                    <li><a href="#2">Link_2</a></li>
                    <li><a href="#3">Link_3</a></li>
                    </ul>
                </div>
				</td>
            <td width="61">(01,01)</td>
            <td width="83">내 용</td>
            <td width="27" align="left"><img src="/itfinger/BTN/h_b_scroll.png" /></td>
          </tr>
        </table>
    </div>
    <div style="background-image:url(/itfinger/IMAGE/App/main_menu/table_bg.png); background-repeat:no-repeat; width:518px; height:25px;">
    	<table width="100%" height="25" border="0" cellspacing="0" cellpadding="0" style="text-align:center; color:#767676; font-family:돋움;">
          <tr>
          	<td width="32"></td>
            <td width="50">1st</td>
            <td width="76">병원소개</td>
            <td width="104">
            	이미지<input type="image" src="/itfinger/BTN/ok.jpg" />
            </td>
            <td width="89">
            	<div class="select_01">
                    <span class="ctrl"><span class="arrow"></span></span>
                    <button type="button" class="my_value" style="width:80px;"></button>
                    <ul class="a_list">
                    <li><a href="#1">Link_1</a></li>
                    <li><a href="#2">Link_2</a></li>
                    <li><a href="#3">Link_3</a></li>
                    </ul>
                </div>
				</td>
            <td width="61">(01,01)</td>
            <td width="83">내 용</td>
            <td width="27" align="left"><img src="/itfinger/BTN/h_b_scroll.png" /></td>
          </tr>
        </table>
    </div>
</body>
</html>